<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>大纲模板</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/css/main.css">
    <script src="/js/jquery-2.1.4.min.js"></script>

    <style>
        .main {
            overflow: hidden;
        }

        .left-container {
            float: left;
        }

        .right-content {
            float: left;
            width: 800px;
            margin-left: 10px;
        }

        ul.left-nav li {
            border-left-color: #23b8ff;
        }

        ul.left-nav li:hover {
            background-color: rgba(100, 100, 100, 0.3) !important;
        }

        ul.left-nav li.active {
            background-color: #eaeaea;
            border-left: 5px solid;
            border-left-color: #23b8ff;
        }

        ul.left-nav a {
            color: black !important;
        }

        ul.left-nav a:hover {
            color: #23b8ff !important;
        }

        .icon-cursor:hover {
            cursor: pointer;
        }

        .download{
            background-color: white;
            margin-left: 10px;
            padding: 20px;
        }
    </style>
</head>
<body class="lay-blog">
<div th:include="/teacher/templates::header"></div>

<div class="container-wrap">
    <div class="container" style="width: 1100px;">
        <div class="main" style="">
            <div class="left-container " style="">
                <div class="left-container" style="">
                    <ul class="layui-nav layui-nav-tree left-nav"
                        style="background-color: white;color: black;"
                        lay-filter="test">
                        <li class="layui-nav-item"><a href="/teacher/outline/search.html">大纲查询</a></li>
                        <li class="layui-nav-item active"><a href="/teacher/outline/template.html">大纲模板</a></li>
                        <li class="layui-nav-item">
                            <a href="/teacher/outline/index.html">录入大纲</a>
                        </li>
                        <li class="layui-nav-item">
                            <a href="/teacher/outline/manage.html">我的大纲</a>
                        </li>
                    </ul>

                </div>

                <div class="right-content" style="">
                    <div class="outline-template"
                         style="padding: 20px 30px 20px 10px;  background-color: white; margin-left: 10px;">
                        <div>
                            <h2>大纲模板</h2>
                            <div>
                                <table id="table1" class="layui-table" lay-filter="table1"></table>
                            </div>
                        </div>
                    </div>
                    <div class="download">
                        <div style="">
                            <h2>模板下载</h2>
                            <div style="padding-top: 20px;">
                                <a href="/upload/outline/5cfdd73f-3b8c-4192-9188-af328f1c1284.xlsx"
                                style="color: blue">点击下载</a>
                            </div>
                        </div>

                    </div>
                </div>

                <div style="clear: both;"></div>
            </div>

        </div>
    </div>
</div>

<div th:include="/teacher/templates::footer"></div>
<script src="/vue/vue.js"></script>

<script src="/js/teacher/outline/template.js"></script>
</body>
</html>